.content{
	width: 100%;
	
	min-height: 100%;
	background-color: #f6f6f6;
	position: absolute;
}
.search-box{
	padding: 30upx;
	display: flex;
	flex-direction: row;
}
.search{ 
	width: 100%;
	height: 60upx;
	background-color: #ffffff;
	padding-left: 60upx;
	font-size: 12px;
}
.search-ico{ 
	width: 35upx; 
	height: 35upx;
	position: absolute;
	left: 40upx;
	top: 40upx;
}
.classify-content{
	border-top: 1px solid #ebebeb;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.left{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 13px;
	color: #313131;
}
.left .title{
	width: 200upx;
	padding: 30upx 0;
	border-bottom: 1px solid #ebebeb;
	color: #5e5e5e;
	box-sizing: border-box;
}
.left .text{
	width: 97%;
	box-sizing: border-box;
	border-left: 4px solid transparent;
}
.active{
	color: #000000;
	/* border-left: 4px solid #000000; */
	background-color: #FFFFFF;
}
.right{
	width: 550upx;
	padding: 30upx;
	padding-right: 30upx;
	border-left: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	min-height: calc(100vh - 120upx);
}
.classify-banner{
	width: 100%;
	height: 200upx;
}
.item-list{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 13px;
	color: #5e5e5e;
	margin-top: 30upx;
}
.items{
	text-align: center;
	margin-bottom: 40upx;
	margin-right: 55upx;
}
.items:nth-child(3n){
	margin-right: 0;
}
.item-img{
	width: 126upx;
	height: 126upx;
}
.item-title{
	width: 126upx;
	margin-top: 10upx;
	overflow-wrap: initial;
	text-wrap:no-wrap ;
	overflow: hidden;
}

.no-margin-r{
	margin-right: 0;
}